<!DOCTYPE html>
<!-- saved from url=(0087)http://ionicframework.com/docs/v2/demos/src/datetime/?production=true&ionicplatform=ios -->
<html dir="ltr" lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>DateTime</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta name="apple-mobile-web-app-capable" content="yes">

  <link href="ionic.min.css" rel="stylesheet">
  <link href="scrollbar-fix.css" rel="stylesheet">
</head>
<body class=" has-scrollbar">
  <ion-app class="ios platform-mobile platform-ios platform-mobileweb"><div app-viewport=""></div><ng-component class="app-root"><ion-nav><div nav-viewport=""></div><ng-component class="ion-page show-page" style="z-index: 100;"><ion-header class="header-ios">

  <ion-navbar class="toolbar toolbar-ios"><div class="toolbar-background toolbar-background-ios"></div><button class="back-button disable-hover bar-button bar-button-ios back-button-ios bar-button-default bar-button-default-ios" ion-button="bar-button"><span class="button-inner"><span class="button-inner"><ion-icon class="back-button-icon icon-ios back-button-icon-ios ion-ios-arrow-back" role="img" aria-label="arrow back"></ion-icon><span class="back-button-text back-button-text-ios">Back</span></span></span><div class="button-effect"></div></button><div class="toolbar-content toolbar-content-ios">
    <ion-title class="title-ios"><div class="toolbar-title toolbar-title-ios">DateTime</div></ion-title>
  </div></ion-navbar>

</ion-header>


<ion-content class="outer-content content-ios"><div class="fixed-content" style="margin-top: 44px;"></div><div class="scroll-content" style="margin-top: 44px;">

  <ion-list class="list-ios">
    <ion-list-header class="item item-ios list-header-ios"><div class="item-inner"><div class="input-wrapper"><!--template bindings={}--><ion-label class="label-ios">Web Release Dates</ion-label></div><ion-reorder><ion-icon name="reorder" role="img" class="icon-ios ion-ios-reorder" aria-label="reorder"></ion-icon></ion-reorder></div><div class="button-effect"></div></ion-list-header>

    <ion-item class="item item-block item-ios item-datetime input-has-value"><div class="item-inner"><div class="input-wrapper"><ion-label class="label-ios" id="lbl-1">World Wide Web</ion-label><!--template bindings={}--><ion-datetime displayformat="YYYY" max="2002" min="1981" class="datetime-ios ng-untouched ng-pristine ng-valid"><div class="datetime-text">1991</div><button aria-haspopup="true" class="item-cover disable-hover item-cover-ios item-cover-default item-cover-default-ios" ion-button="item-cover" type="button" id="dt-1-0" aria-labelledby="lbl-1" aria-disabled="false"><span class="button-inner"></span><div class="button-effect"></div></button></ion-datetime></div><ion-reorder><ion-icon name="reorder" role="img" class="icon-ios ion-ios-reorder" aria-label="reorder"></ion-icon></ion-reorder></div><div class="button-effect"></div></ion-item>

    <ion-item class="item item-block item-ios item-datetime input-has-value"><div class="item-inner"><div class="input-wrapper"><ion-label class="label-ios" id="lbl-2">Netscape</ion-label><!--template bindings={}--><ion-datetime displayformat="MMMM YY" max="2004" min="1989" class="datetime-ios ng-untouched ng-pristine ng-valid"><div class="datetime-text">December 94</div><button aria-haspopup="true" class="item-cover disable-hover item-cover-ios item-cover-default item-cover-default-ios" ion-button="item-cover" type="button" id="dt-2-0" aria-labelledby="lbl-2" aria-disabled="false"><span class="button-inner"></span><div class="button-effect"></div></button></ion-datetime></div><ion-reorder><ion-icon name="reorder" role="img" class="icon-ios ion-ios-reorder" aria-label="reorder"></ion-icon></ion-reorder></div><div class="button-effect"></div></ion-item>

    <ion-item class="item item-block item-ios item-datetime input-has-value"><div class="item-inner"><div class="input-wrapper"><ion-label class="label-ios" id="lbl-3">Opera</ion-label><!--template bindings={}--><ion-datetime displayformat="DDD DD.MM.YY" max="2000" min="1990" class="datetime-ios ng-untouched ng-pristine ng-valid"><div class="datetime-text">lør 15.04.95</div><button aria-haspopup="true" class="item-cover disable-hover item-cover-ios item-cover-default item-cover-default-ios" ion-button="item-cover" type="button" id="dt-3-0" aria-labelledby="lbl-3" aria-disabled="false"><span class="button-inner"></span><div class="button-effect"></div></button></ion-datetime></div><ion-reorder><ion-icon name="reorder" role="img" class="icon-ios ion-ios-reorder" aria-label="reorder"></ion-icon></ion-reorder></div><div class="button-effect"></div></ion-item>

    <ion-item class="item item-block item-ios item-datetime input-has-value"><div class="item-inner"><div class="input-wrapper"><ion-label class="label-ios" id="lbl-4">Webkit</ion-label><!--template bindings={}--><ion-datetime displayformat="D MMM YYYY" max="2010-10" min="1990-02" class="datetime-ios ng-untouched ng-pristine ng-valid"><div class="datetime-text">4 Nov 1998</div><button aria-haspopup="true" class="item-cover disable-hover item-cover-ios item-cover-default item-cover-default-ios" ion-button="item-cover" type="button" id="dt-4-0" aria-labelledby="lbl-4" aria-disabled="false"><span class="button-inner"></span><div class="button-effect"></div></button></ion-datetime></div><ion-reorder><ion-icon name="reorder" role="img" class="icon-ios ion-ios-reorder" aria-label="reorder"></ion-icon></ion-reorder></div><div class="button-effect"></div></ion-item>

    <ion-item class="item item-block item-ios item-datetime input-has-value"><div class="item-inner"><div class="input-wrapper"><ion-label class="label-ios" id="lbl-5">Firefox</ion-label><!--template bindings={}--><ion-datetime displayformat="MMM DD, YYYY" max="2012-12-09" min="1994-03-14" class="datetime-ios ng-untouched ng-pristine ng-valid"><div class="datetime-text">Sep 23, 2002</div><button aria-haspopup="true" class="item-cover disable-hover item-cover-ios item-cover-default item-cover-default-ios" ion-button="item-cover" type="button" id="dt-5-0" aria-labelledby="lbl-5" aria-disabled="false"><span class="button-inner"></span><div class="button-effect"></div></button></ion-datetime></div><ion-reorder><ion-icon name="reorder" role="img" class="icon-ios ion-ios-reorder" aria-label="reorder"></ion-icon></ion-reorder></div><div class="button-effect"></div></ion-item>

    <ion-item class="item item-block item-ios item-datetime input-has-value"><div class="item-inner"><div class="input-wrapper"><ion-label class="label-ios" id="lbl-6">Chrome</ion-label><!--template bindings={}--><ion-datetime displayformat="DDDD MMM D" max="2016" min="2005" class="datetime-ios ng-untouched ng-pristine ng-valid"><div class="datetime-text">Tuesday Sep 2</div><button aria-haspopup="true" class="item-cover disable-hover item-cover-ios item-cover-default item-cover-default-ios" ion-button="item-cover" type="button" id="dt-6-0" aria-labelledby="lbl-6" aria-disabled="false"><span class="button-inner"></span><div class="button-effect"></div></button></ion-datetime></div><ion-reorder><ion-icon name="reorder" role="img" class="icon-ios ion-ios-reorder" aria-label="reorder"></ion-icon></ion-reorder></div><div class="button-effect"></div></ion-item>
  </ion-list>

  <ion-list class="list-ios">
    <ion-list-header class="item item-ios list-header-ios"><div class="item-inner"><div class="input-wrapper"><!--template bindings={}--><ion-label class="label-ios">World Times</ion-label></div><ion-reorder><ion-icon name="reorder" role="img" class="icon-ios ion-ios-reorder" aria-label="reorder"></ion-icon></ion-reorder></div><div class="button-effect"></div></ion-list-header>

    <ion-item class="item item-block item-ios item-datetime input-has-value"><div class="item-inner"><div class="input-wrapper"><ion-label class="label-ios" id="lbl-8">Tokyo</ion-label><!--template bindings={}--><ion-datetime displayformat="hh:mm A" class="datetime-ios ng-untouched ng-pristine ng-valid"><div class="datetime-text">10:15 AM</div><button aria-haspopup="true" class="item-cover disable-hover item-cover-ios item-cover-default item-cover-default-ios" ion-button="item-cover" type="button" id="dt-8-0" aria-labelledby="lbl-8" aria-disabled="false"><span class="button-inner"></span><div class="button-effect"></div></button></ion-datetime></div><ion-reorder><ion-icon name="reorder" role="img" class="icon-ios ion-ios-reorder" aria-label="reorder"></ion-icon></ion-reorder></div><div class="button-effect"></div></ion-item>

    <ion-item class="item item-block item-ios item-datetime input-has-value"><div class="item-inner"><div class="input-wrapper"><ion-label class="label-ios" id="lbl-9">Paris</ion-label><!--template bindings={}--><ion-datetime displayformat="HH:mm" class="datetime-ios ng-untouched ng-pristine ng-valid"><div class="datetime-text">02:15</div><button aria-haspopup="true" class="item-cover disable-hover item-cover-ios item-cover-default item-cover-default-ios" ion-button="item-cover" type="button" id="dt-9-0" aria-labelledby="lbl-9" aria-disabled="false"><span class="button-inner"></span><div class="button-effect"></div></button></ion-datetime></div><ion-reorder><ion-icon name="reorder" role="img" class="icon-ios ion-ios-reorder" aria-label="reorder"></ion-icon></ion-reorder></div><div class="button-effect"></div></ion-item>

    <ion-item class="item item-block item-ios item-datetime input-has-value"><div class="item-inner"><div class="input-wrapper"><ion-label class="label-ios" id="lbl-10">Madison</ion-label><!--template bindings={}--><ion-datetime displayformat="h:mm a" class="datetime-ios ng-untouched ng-pristine ng-valid"><div class="datetime-text">7:15 pm</div><button aria-haspopup="true" class="item-cover disable-hover item-cover-ios item-cover-default item-cover-default-ios" ion-button="item-cover" type="button" id="dt-10-0" aria-labelledby="lbl-10" aria-disabled="false"><span class="button-inner"></span><div class="button-effect"></div></button></ion-datetime></div><ion-reorder><ion-icon name="reorder" role="img" class="icon-ios ion-ios-reorder" aria-label="reorder"></ion-icon></ion-reorder></div><div class="button-effect"></div></ion-item>

  </ion-list>

  <ion-list class="list-ios">
    <ion-list-header class="item item-ios list-header-ios"><div class="item-inner"><div class="input-wrapper"><!--template bindings={}--><ion-label class="label-ios">Set Alarm</ion-label></div><ion-reorder><ion-icon name="reorder" role="img" class="icon-ios ion-ios-reorder" aria-label="reorder"></ion-icon></ion-reorder></div><div class="button-effect"></div></ion-list-header>

    <ion-item class="item item-block item-ios item-datetime input-has-value"><div class="item-inner"><div class="input-wrapper"><ion-label class="label-ios" id="lbl-12">Alert</ion-label><!--template bindings={}--><ion-datetime displayformat="mm" minutevalues="0,15,30,45" class="datetime-ios ng-untouched ng-pristine ng-valid"><div class="datetime-text">15</div><button aria-haspopup="true" class="item-cover disable-hover item-cover-ios item-cover-default item-cover-default-ios" ion-button="item-cover" type="button" id="dt-12-0" aria-labelledby="lbl-12" aria-disabled="false"><span class="button-inner"></span><div class="button-effect"></div></button></ion-datetime></div><ion-reorder><ion-icon name="reorder" role="img" class="icon-ios ion-ios-reorder" aria-label="reorder"></ion-icon></ion-reorder></div><div class="button-effect"></div></ion-item>
  </ion-list>

</div></ion-content>
</ng-component><div class="nav-decor"></div></ion-nav></ng-component><div overlay-portal=""></div><div class="loading-portal" overlay-portal=""></div><div class="toast-portal" overlay-portal=""></div><div class="click-block"></div></ion-app>
  <script src="polyfills.js"></script>
  <script src="scrollbar-fix.js"></script>
  <script src="main.bundle.js"></script>


</body></html>